<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宣传官网</title>
</head>
<body>
<div class="div_box" >
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/lan.png" style="height: 80px;width: 100%;">
    <span class="artistic-text" >让办公 更便捷</span>
</div>
<div class="div_box" style="height: calc( 100 - 80px )" >
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/1.png" style="height: 20%;width: 100%;margin-top: -4px">
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/2.png" style="height: 20%;width: 100%;margin-top: -4px">
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/3.png" style="height: 20%;width: 100%;margin-top: -4px">
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/4.png" style="height: 20%;width: 100%;margin-top: -4px">
    <img alt="" src="https://secretary-bucket.oss-cn-beijing.aliyuncs.com/homeImg/5.png" style="height: 20%;width: 100%;margin-top: -4px">
</div>
</body>
</html>
<style>
    .artistic-text {
        font-family: 'Times New Roman', Times, serif;
        font-size: 3em;
        color: #ffffff;
        letter-spacing: 0.1em;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .div_box{
        position: relative;
    }
</style>